<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script type="text/javascript" src="/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/css/my-css.css" />
    <script type="text/javascript" src="/js/my-js.js" ></script>
    <script type="text/javascript" src="/js/jquery.cookie.js" ></script>
    <script type="text/javascript" src="/js/vue.min.js" ></script>
    <title>Java学习网</title>
</head>
<body>
  <form id= "abc">  
    <p >指定文件名： <input type="text" name="name"/></p>
    <p >上传文件1： <input type="file" name="files"/></p>
    <p >指定文件名： <input type="text" name="name"/></p>
    <p >上传文件2： <input type="file" name="files"/></p>
    <p >上传文件3： <input type="file" name="files"/></p>
    <button type="submit">do</button>
  </form>
</body>
<script>
    $("form").submit(function() {
    	$.ajax({
	    	type: "post",
	    	url: "/testFile",
	    	data: new FormData(this),
	    	async: false,
	    	cache: false,
	    	contentType: false,  
            processData: false,
            success: function() {
            	alert("ok!");
            },
            error: function() {
            	alert("error!");
            }
	    });
    	return false;
    });
</script>
</html>